<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>中国首份泛娱乐实体观影数据报告</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/common.css?v=2.2.2">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="css/ClguF.css">
</head>
<body>
    
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide bgNav" data-hash="slide0">
                <div class="video_gif">
                  <img src="video/820.gif" alt="" id="video_gif">
                </div>
                <div class="layer_open">
                    <div class="video_info">
                        <p>
                          <img src="img/FTXLogo_Cn_CW.png" width="120" height="44" class="logo_img_nav" alt="">
                        </p>
                        <span class="layer_text">中国首份泛娱乐实体观影数据报告</span>
                        <p class="mt10">
                          <span class="layer_text baogao">数据来自风霆迅数据中心</span>
                        </p>
                    </div>
                </div>
            </div>
            <div class="swiper-slide h_bg1 bgNav font_all" data-hash="slide1">
                <div class="info_one">
                  <div class="h_one_nav">
                      <p class="font_color_one fz48 ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.5s">3679</p>
                      <p class="font_color_one_t h_desc_nav1 ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="1.5s">我们共计上线了3679部电影</p>
                      <p class="font_color_one_t ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="1.5s">(截止2017年12月)</p>


                      <p class="t_fz h_desc_nav2 ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="0.7s" swiper-animate-delay="2.5s">2017院线电影占<span class="font_color_one fz24">64%</span></p>
                      <p class="t_fz ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="0.7s" swiper-animate-delay="3s">2016年院线电影占<span class="font_color_one fz24">72%</span></p>
                      <p class="t_fz ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="0.7s" swiper-animate-delay="3.5s">独家引进海外电影<span class="font_color_one fz24">100</span>部</p>
                      <p class="t_fz ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="0.7s" swiper-animate-delay="4s">实现每周五上线一部</p>
                  </div>
                </div>
            </div>
            <div class="swiper-slide bgNav h_bg2 font_all" data-hash="slide2">
                <div class="h_bg2_video">
                  <img src="img/bg2_video.gif" alt="">
                </div>
                <div class="h_tow_txt">
                    <p class="font_color_one mb10 fz36 ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="0.5s">3312580次</p>
                    <p class="ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="1.5s">全年电影总计播放3312580次</p>
                    <p class="t_fz ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="2.5s">观影人数约达<span class="font_color_one fz24">8339306</span>人</p>
                </div>
                <div class="h_tow_type">
                  <p class="font_color_one mb10 ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="3.5s">
                    <span class="fz36">《速度与激情8》</span>
                  </p>
                  <p class="ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="4.5s">是本年度点播量最高的电影</p>
                  <p class="t_fz ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="5.5s">共计139340次</p>
                  <p class="font_opacity ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="5.5s">也不知道看完速8</p>
                  <p class="font_opacity ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="5.5s">他们是不是去了速7</p>
                </div>
            </div>
            <div class="swiper-slide bgNav h_bg3 font_all" data-hash="slide3">
                <div class="h_three_txt clearfloat">
                  <div class="h_three_cont">
                    <img src="img/b3_1.png" alt="">                    
                    <p class="font_color_one mb10 ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1.5s" swiper-animate-delay="0.2s">
                        <span class="fz28">动作/剧情/冒险</span>
                      </p>
                      <p class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1.5s" swiper-animate-delay="1.2s">是最受欢迎类型</p>
                      <p class="t_fz ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1.5s" swiper-animate-delay="2.2s">但<span class="font_color_one">《大话西游》《驴得水》</span>等国产片</p>
                      <p class="font_color_two ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1.5s" swiper-animate-delay="3s">依然深受喜爱</p>
                    </div>
                </div>
                <div class="h_three_type">
                  <div class="left_txt">
                    <p class="font_color_one fz28 mb10 ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1.5s" swiper-animate-delay="4s">喜剧/爱情</p>
                    <p class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1.5s" swiper-animate-delay="5s">是南方妹纸最爱看的</p>
                    <p class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1.5s" swiper-animate-delay="5s">而<span class="font_color_tow">动作/惊悚</span></p>
                    <p class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1.5s" swiper-animate-delay="5s">则是更多北方观众的首选</p>
                    <p class="font_opacity ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1.5s" swiper-animate-delay="6s">果然是</p>
                    <p class="font_opacity ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1.5s" swiper-animate-delay="6s">南方妹纸柔情似水</p>
                    <p class="font_opacity ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1.5s" swiper-animate-delay="6s">北方汉纸硬如钢铁阿</p>
                  </div>
                  <div class="right_img">
                    <img src="img/b3_2.png" alt="" width="126" height="152">
                  </div>
                </div>
            </div>
            <div class="swiper-slide bgNav h_bg4 font_all" data-hash="slide4">
                <div class="h_four_img">
                  <div class="left_text">
                    <p class="font_color_one mb10 ani"  swiper-animate-effect="fadeInRight" swiper-animate-duration="1.5" swiper-animate-delay="0.3s">
                      <span class="fz36">20-30岁</span>
                    </p>
                    <p class="font_color_one ani"  swiper-animate-effect="fadeInRight" swiper-animate-duration="1.5" swiper-animate-delay="0.3s">
                      <span class="fz20">偏向点播影院和KTV</span>
                    </p>
                  </div>
                  <p class="h_p4_img1">
                    <img src="img/bg4_img1.png" alt="" width="166" height="129">
                  </p>
                </div>
                <div class="h_four_txt mt20">
                    <p class="font_color_tow ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1.5" swiper-animate-delay="1.3s">要么足够私密放松要么足够热闹劲爆</p>
                    <p class="font_color_tow ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1.5" swiper-animate-delay="2.3s">30-45岁的熟龄观众</p>
                    <p class="font_color_tow ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1.5" swiper-animate-delay="2.3s">更倾向于在闲下来的时刻</p>
                    <p class="font_color_tow ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1.5" swiper-animate-delay="2.3s">顺便在酒店/足浴里看个电影放松下</p>
                </div>
                <div class="h_four_nav">
                    <p class="font_color_one ani"  swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.8" swiper-animate-delay="2.9s">
                      <span class="fz20">年轻观众偏向</span>
                    </p>
                    <p class="font_color_one ani"  swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.8" swiper-animate-delay="2.9s">
                      <span class="fz20">美国大片或口碑经典</span>
                    </p>
                    <p class="font_color_tow ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.8" swiper-animate-delay="3.6s">而成熟观众相对接纳度会更高</p>
                    <p class="font_color_tow ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.8" swiper-animate-delay="4.2s">看来</p>
                    <p class="font_color_tow ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.8" swiper-animate-delay="4.2s">不同地区，不同年龄，不同场景</p>
                    <p class="font_color_tow ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.8" swiper-animate-delay="4.2s">影片类型的选择</p>
                    <p class="font_color_tow ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.8" swiper-animate-delay="4.3s">都不大相同</p>
                </div>
                <img src="img/bg4_img2.png" class="h_foot_img" alt="" width="232" height="193">
            </div>
            <div class="swiper-slide bgNav h_bg5 font_all" data-hash="slide5">
                <div class="h_five_txt">
                    <p class="font_color_one mb10 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="0.5s">
                      <span class="fz28">17年4月30日23点</span>
                    </p>
                    <p class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="1.5s">南京影魔方店</p>
                    <p class="font_color_tow ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="2.3s">单笔订单时长超8个小时</p>
                    <p class="font_opacity ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="2.3s">循环播放了同一部电影</p>
                    <p class="font_opacity ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="2.3s">看电影的人，一定发生了什么</p>
                </div>
                <div class="h_five_nav">
                    <p class="font_color_one mb10 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="2.7s">
                      <span class="fz28">15-16点、19-21点</span>
                    </p>
                    <p class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="3.1s">是点播影院用户最爱光顾的时段</p>
                    <p class="font_color_tow ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="4s">而对于酒店用户来说</p>
                    <p class="font_color_tow ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="4s">0-2点午夜时分是他们的最爱</p>
                    <p class="font_opacity ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="5s">寂寞的夜</p>
                    <p class="font_opacity ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="5s">能让他们不寂寞的</p>
                    <p class="font_opacity ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="5s">也许，只有我们</p>
                </div>
            </div>
            <div class="swiper-slide bgNav h_bg6 font_all" data-hash="slide6">
                <div class="h_six_hotel">
                  <p class="font_color_one mb10 ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
                    <span class="fz36 space">4561笔</span>
                  </p>
                  <p class="font_color_tow ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="1.5s">2017年12月23号酒店订单</p>
                  <p class="font_color_tow ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="1.5s">日量创新高</p>
                  <p class="font_opacity ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="2.5s">而点播影院的4月19号</p>
                  <p class="font_opacity ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="2.5s">KTV的2月16号</p>
                  <p class="font_opacity ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="2.5s">网吧的4月7号</p>
                  <p class="font_opacity ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="2.5s">也达到历史单日最高</p>
                </div>  
                <div class="map_time">
                  <p class="mb10 ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="3.5s"><span class="font_color_one fz36">271883笔</span></p>
                  <p class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="4.5s">KTV的全年订单总量</p>
                  <p class="ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="4.5s">让我们坚信了多元化的可能性</p>
                  <p class="ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="5.5s">今年</p>
                  <p class="ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="5.5s">我们开始在足浴等多行业扩展</p>
                  <p class="font_opacity ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="6.5s">未来</p>
                  <p class="font_opacity ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="6.5s">肯定会有更多实体行业的加入</p>
                </div>
            </div>
            <div class="swiper-slide bgNav h_bg7 font_all" data-hash="slide7">
                <div class="h_seven_txt hotal_one">
                  <p class="font_color_one mb10 ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="0.5s">
                    <span class="fz36">136491条</span>
                  </p>
                  <p class="font_color_two ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="1.5s">用户检索词条中</p>
                  <p class="font_color_one fz18 ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="2.5s">《战狼2》《羞羞的铁拳》</p>
                  <p class="font_color_two ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="2.5s">等票房和口碑双佳的影片同样成为</p>
                  <p class="font_color_two ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="2.5s">观众最想观看的</p>
                  <p class="font_opacity ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="3.5s">看来</p>
                  <p class="font_opacity ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="3.5s">好电影走到哪都是香饽饽</p>
                </div>
            </div>
            <div class="swiper-slide bgNav h_bg8 font_all" data-hash="slide8">
                <div class="h_eight_txt1">
                  <p class="font_color_one mb10 ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="0.5s">
                    <span class="fz36">8001笔</span>
                  </p>
                  <p class="font_color_two ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="1.5s">点播影院今年累计订单最高的门店</p>
                  <p class="font_color_two ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="2.5s">如果按每场100元来算</p>
                  <p class="font_opacity ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="2.5s">年入百万看来也是轻轻松松阿</p>
                </div>
                <div class="h_eight_img">
                  <img src="img/h_img7.png" width="313" height="141" alt="">
                </div>
                <div class="h_eight_txt2">
                  <p class="font_color_one mb10 ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="3.5s">
                    <span class="fz36">91040笔</span>
                  </p>
                  <p class="font_color_two ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="4.5s">不过，酒店的</p>
                  <p class="font_color_two ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="4.5s">分分钟碾压了您</p>
                  <p class="font_opacity ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="5.5s">来年加油噢，老板</p>
                  <p class="font_opacity ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="5.5s">心怀梦想，一夜暴富</p>
                </div>
            </div>
            <div class="swiper-slide bgNav h_bg9 font_all" data-hash="slide9">
                <img src="img/img_9a.png" class="img_top9" alt="">
                <img src="img/img_9b.png" class="img_top9" alt="">
                <div class="h_nine_txt1">
                    <p class="font_color_one mb10 ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="0.5s">
                      <span class="fz36">1225幕</span>
                    </p>
                    <p class="font_color_tow mt30 ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="1.5s">今年1月KTV老大哥开门红单月新增1225幕</p>
                    <p class="font_color_tow ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="2.5s">到了4月</p>
                    <p class="font_color_tow ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="2.5s">酒店业单月新增5822幕</p>
                    <p class="font_color_tow ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="3.5s">同月</p>
                    <p class="font_color_tow ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="3.5s">网吧业不甘示弱，单月新增25893幕</p>
                    <p class="font_opacity ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="4.5s">哎哟，各行各业都卯足劲一路狂奔啊</p>
                </div>
                <div class="h_nine_txt2">
                   <p class="font_color_one mb10 ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="5.5s">
                      <span class="fz36">105761幕</span>
                    </p>
                    <p class="font_color_tow ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="6s">短短一年我们获得了105761张有效屏幕</p>
                    <p class="font_opacity ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="7s">而这个数字</p>
                    <p class="font_opacity ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="7s">每天都在被改写</p>
                </div>
            </div>
            <div class="swiper-slide bgNav h_bg10 font_all" data-hash="slide10">
                <div class="h_ten_txt ten_top">
                    <p class="font_color_one mb10 ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="0.5s">
                      <span class="fz28">306个城市、5877家门店</span>
                    </p>
                    <p class="font_color_tow ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="1.5s">东起上海，南到三亚，西至喀什，北达黑河</p>
                    <p class="font_color_tow ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="1.5s">都已插上风霆迅小旗</p>
                </div>
                <div class="firework_img h_ten_img">
                  <div class="map1">
                      <div class='pin pin_desc'></div>
                      <div class='pulse pulse_desc'></div>
                  </div>
                  <div class="map2">
                      <div class='pin'></div>
                      <div class='pulse'></div>
                  </div>
                  <div class="map3">
                      <div class='pin pin_nav'></div>
                      <div class='pulse pulse_nav'></div>
                  </div>
                  <div class="map4">
                      <div class='pin pin_nav'></div>
                      <div class='pulse pulse_nav'></div>
                  </div>
                  <div class="map5">
                      <div class='pin pin_nav'></div>
                      <div class='pulse pulse_nav'></div>
                  </div>
                </div>
                <div class="h_ten_txt ten_botm">
                    <p class="font_color_one mb10 ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="2.5s">
                      <span class="fz36">91家</span>
                    </p>
                    <p class="font_color_tow ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="3.5s">在北京我们拥有最多门店</p>
                    <p class="font_opacity ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="4.5s">果然</p>
                    <p class="font_opacity ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="4.5s">帝都的老板们都是识货滴~</p>
                </div>
            </div>
            <div class="swiper-slide bgNav h_bg11 font_all" data-hash="slide11">
              <div class="eleven_center">
                <div class="h_eleven_logo">
                    <fieldset>
                        <legend>2017年</legend>
                        <div class="eleven_logo">
                            <ul>
                                <li>
                                    <div class="list_desc list_img1">
                                        <img src="../img/gm.png" width="34" height="30" alt="hualu">
                                        <img src="../img/wd.png" width="33" height="33" alt="wd">
                                        <img src="../img/sony.png" width="25" height="40" alt="sony">
                                        <img src="../img/ps.png" width="43" height="33" alt="ps">
                                        <img src="../img/hu.png" width="49" height="29" alt="hu">
                                    </div>
                                </li>
                                <li>
                                    <div class="list_desc list_img2">
                                        <img src="../img/hasu.png" width="65" height="28" alt="华数">
                                        <img src="../img/mgo.png" width="70" height="24" alt="芒果">
                                        <img src="../img/cibn.png" width="48" height="15" alt="CIBN">
                                        <img src="../img/hua.png" width="31" height="19" alt="">
                                    </div>
                                </li>
                                <li>
                                  <div class="list_desc list_img2">
                                    <img src="../img/youku.png" class="pt5" width="79" height="17" alt="">
                                    <img src="../img/souhu.png" width="60" height="15" alt="">
                                    <img src="../img/xy.png" width="34" height="28" alt="">
                                    <img src="../img/hualu.png" width="64" height="22" alt="hualu">
                                  </div>
                                </li>
                                <li>
                                    <p class="desc_nav">让我们有了更多优质内容</p>
                                </li>
                                <li class="mb10 mt10">
                                    <p class="hr_al"></p>
                                </li>
                                <li>
                                    <div class="list_desc list_img3">
                                        <img src="../img/kmi.png" width="26" height="15" alt="">
                                        <img src="../img/xiaoshuai.png" width="68" height="14" alt="">
                                        <img src="../img/shunwang.png" width="59" height="16" alt="">
                                        <img src="../img/yinchuang.png" width="42" height="15" alt="">
                                        <img src="../img/xielv.png" width="30" height="19" alt="">
                                    </div>
                                </li>
                                <li>
                                    <p class="desc_nav">让我们能在酒店、足浴、网吧、KTV等</p>
                                    <p class="desc_nav">多行业从0到1，从1到100</p>
                                </li>
                            </ul>
                        </div>
                    </fieldset>
                </div>
                <div class="h_fireworks_eleven">
                    <div class="firework_img left"></div>
                    <div class="firework_img center"></div>
                    <div class="firework_img right"></div>
                </div>
                <div class="h_year_img">
                    <p class="ani year" swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s" swiper-animate-delay="0.5s">2018年</p>
                    <p class="ani year" swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s" swiper-animate-delay="1.5s">我们</p>
                    <p class="ani year" swiper-animate-effect="zoomIn" swiper-animate-duration="1.5s" swiper-animate-delay="1.5s">等你来</p>
                    <p>
                      <img src="../img/happynewyear.png" width="251" height="40" class="ani new_year" swiper-animate-effect="zoomIn" swiper-animate-duration="2s" swiper-animate-delay="2.5s"></p>
                    </p>
                </div>
              </div>
            </div>
            <div class="swiper-slide bgNav h_bg12 font_all" data-hash="slide12">
                <div class="h_twelve_txt">
                    <p>
                        <img src="img/ftxqr.jpg" id="qrImg" width="165" height="165" class="ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.7s" swiper-animate-delay="0.5s">
                    </p>
                    <p class="guanwag ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1.3s" swiper-animate-delay="0.7s"><a href="http://www.ftxjoy.com">http://www.ftxjoy.com</a></p>
                    <p class="phone ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1.3s" swiper-animate-delay="0.7s"><a href="tel:400-168-1905">400-168-1905</a></p>
                    <p class="btns clearfloat">
                        <a href="javascript:return_one()" title="" class="btn1 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.7s" swiper-animate-delay="1.1s">再看一遍</a>
                        <a href="http://www.ftxjoy.com" title="" class="btn2 ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.7s" swiper-animate-delay="1.1s">访问官网</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <p class="aa"></p>
    <div class="bgm-btn rotate" data-event="11205" style="display: block;" _tracker_click_="_tracker_click_">
      <audio loop="" src="video/Valentin - A Little Story.mp3"  id="audio" autoplay="" preload=""></audio>
    </div>
    <img src="img/arrow.png" id="array" class="resize">
    <script src="js/jquery-2.2.4.min.js"></script>
    <script src="js/swiper.min.js"></script>
    <script src="js/swiper.animate1.0.2.min.js"></script>
    <script src="js/TweenMax.min.js"></script>
    <script type="text/javascript" src="js/jweixin-1.0.0.js"></script>
    <!-- Initialize Swiper -->
    <script>
    var boy_width = window.screen.width;
    var boy_height = window.screen.height;
    if (boy_height>740) {
        $(".h_four_img").css("margin-top","15%");
        $(".h_four_nav").css("margin-top","32%");
        $(".h_tow_type").css("margin-top","28%");
        $(".h_three_type").css("margin-top","35%");
        $(".h_five_txt").css("margin-top","17%")
        $(".h_five_nav").css("margin-top","30%")
        $(".map_time").css("bottom","122px");
        $(".h_nine_txt2").css("margin-top","30%")
        $(".eleven_center").css("margin-top","-307.7px");
        $(".h_eight_txt1").css("top","10%")
        $(".h_eight_txt2").css("bottom","14%");
        $(".ten_top").css("top","8%");
        $(".ten_botm").css("bottom","12%");
    }
    if (boy_height<=670) {
      $(".h_four_nav").css("margin-top","15%");
    }
    $(".aa").html(window.screen.width+"=="+window.screen.height);
    //解决微信浏览器在ios上面不能自动播放音乐的情况
    function audioAutoPlay(id){ 
      var audio = document.getElementById(id), 
        play = function(){ 
          audio.play(); 
          document.removeEventListener("touchstart",play, false); 
        }; 
        audio.play(); 
        document.addEventListener("WeixinJSBridgeReady", function () { 
          play(); 
        }, false); 
        document.addEventListener('YixinJSBridgeReady', function() { 
          play(); 
        }, false); 
        document.addEventListener("touchstart",play, false); 
    }
    $(function() {
      wx.onMenuShareTimeline({
          title: '风霆迅2017年度报告', // 分享标题
          link: '', // 分享链接，该链接域名必须与当前企业的可信域名一致
          imgUrl: 'img/FTXLogo.png', // 分享图标
          success: function () {
              // 用户确认分享后执行的回调函数
          },
          cancel: function () {
              // 用户取消分享后执行的回调函数
          }
      });
      document.getElementById("audio").volume = 1;//设置音频音量
      audioAutoPlay('audio'); 
        /*音频的播放和暂停*/
        $('.bgm-btn').click(function(){
          $(".bgm-btn").toggleClass("rotate");
          if($(this).attr("class").indexOf("rotate")>0){ 
            audio.play();
          }else{ 
            audio.pause();
          } 
        })
    });
    var swiper = new Swiper('.swiper-container', {
        direction: 'vertical',
        initialSlide:0,
        effect : 'slide',//切换方式1,fade 2,slide  3,flip
        on: {
            init: function() {
                swiperAnimateCache(this); //隐藏动画元素 
                swiperAnimate(this); //初始化完成开始动画
            },
            slideChangeTransitionEnd: function() {
                swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
            }
        }
    });
    /*再看一次*/
    function return_one() {
        window.location.reload();
    }
    </script>
</body>

</html>